<template>
  <div class="mainbox">
    <div class="m-title main-container">
      <div class="title-box">
        <!-- <div>会议日程</div> -->
        <img src="@/assets/images/lxwm@3x.png" alt="" />
      </div>
      <div class="main-container layui-panel content-box">
        <!-- 列表 -->
        <div class="c-box">
          <!-- 左侧详情 -->
          <div class="left-box">
            <div class="left-box-content">
              <div class="left-box-title">机械工业联合会</div>
              <div class="left-box-title-en">
                China Machinery Industry Federation
              </div>
              <div style="border-bottom: 2px solid #004cea; width: 48px"></div>
              <div class="c-box-bottom">
                <div class="c-box-bottom-left">
                  <div class="item">电话：010-64781457</div>
                  <div class="item">邮编：100071</div>
                  <div class="item">邮箱：renshi@cmif.org.cn</div>
                  <div class="item">地址：100071</div>
                  <div class="item">网址：北京市东城区东四西大街46号</div>
                </div>
                <div class="c-box-bottom-right">
                  <div>关注微信公众号</div>
                  <div class="qrcode">
                    <img
                      width="120px"
                      src="@/assets/images/erweima@3x.png"
                      alt=""
                    />
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- 右侧详情 -->
          <div class="right-box">
            <div class="right-box-content">
              <div style="border-bottom: 2px solid #ffffff; width: 30px"></div>
              <div class="right-box-item-title" style="margin-top: 109px">
                服务热线
              </div>
              <div class="right-box-item-detail">010-68574670</div>
               <div class="right-box-item-title" style="margin-top: 60px">
                联系方式
              </div>
              <div class="right-box-item-detail" style="display:flex;align-items: center;">157848764751<div class="linkman">（马女士）</div></div>
              <div class="right-box-item-title" style="margin-top: 72px">
                服务时间：周一至周日 9:00-18:00
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "ContactUs",
};
</script>

<style scoped>
.mainbox {
  flex: 1;
  padding-top: 34px;
  padding-bottom: 81px;
}

.m-title {
  margin-bottom: 34px;
}

.layui-main {
  position: relative;
  /* width: 1160px; */
  margin: 0 auto;
}

.title-box {
  margin-top: 32px;
  margin-bottom: 41px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.title-box img {
  width: 311px;
  height: 86px;
}

.title-box div:nth-child(1) {
  font-size: 40px;
  font-weight: 800;
  color: #243042;
  margin: 17px 0;
}

/* 
.title-box::after {
  display: block;
  content: "";
  width: 60px;
  height: 2px;
  background: #0c2c84;
  border-radius: 1px;
} */
.content-box {
  /* min-height: 600px; */
  box-shadow: 0px 0px 30px 0px rgba(15, 59, 130, 0.12);
  /* height: 575px; */
}

.layui-panel {
  border-radius: 20px;
  border-width: 0px;
  border-style: solid;
  background-color: #fff;
  border-color: #eee;
  color: #5f5f5f;
}

.c-box {
  /* padding: 52px 0px 99px 46px; */
  /* padding-top: 46px; 
  padding-left: 46px;  */
  display: flex;
}

.left-box {
  width: 800px;
  height: 575px;
}
.left-box-content {
  margin-top: 52px;
  margin-left: 46px;
}
.left-box-title {
  color: #014ac7;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 8px;
  line-height: 36px;
}
.left-box-title-en {
  color: #666666;
  font-size: 16px;
  font-family: "AlibabaPuHuiTi-Regular";
  letter-spacing: 0px;
  line-height: 36px;
  margin-top: 14px;
  margin-bottom: 70px;
  line-height: 14px;
}
.c-box-bottom {
  display: flex;
  margin-top: 110px;
  font-size: 20px;
  color: #333;
  font-family: "AlibabaPuHuiTi-Regular";
}
.c-box-bottom-left .item {
  margin-bottom: 20px;
  line-height: 20px;
}
.c-box-bottom-left .item:last-child {
  margin-bottom: 0px;
}
.c-box-bottom-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* background-color: #014AC7; */
}
.qrcode {
  margin-top: 30px;
}
.right-box {
  background-color: #004cea;
  height: 575px;
  width: 400px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  color: #fff;
}
.right-box-content {
  margin-top: 68px;
  margin-left: 54px;
}
.right-box-item-title {
  font-family: "AlibabaPuHuiTi-Regular";
  font-size: 16px;
  line-height: normal;
}
.right-box-item-detail {
    font-size: 24px;
    line-height: normal;
    margin-top: 20px;
}
.right-box .linkman{
    font-family: "AlibabaPuHuiTi-Regular";
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
}
</style>